$(document).ready(function(){
/*************************banner jq样式开始*************************/    
            var num=0;
            var timeplay=null;
                $(".button li").hover(function(){
                    clearInterval(timeplay)
                    //鼠标悬浮li之上的状态
                    num=$(this).index();//获得当前的li的索引值
                    //alert(num)
                    $(this).addClass("current").siblings().removeClass("current");
                    $("#banner .ImgList").eq(num).fadeIn().siblings("img").fadeOut()
                    },function(){autoplay()})
                    
                    
                    //自动播放
                    function autoplay(){
                        timeplay=setInterval(function(){
                            
                            num++;
                            
                            if(num<4){
                    $(".button li").eq(num).addClass("current").siblings().removeClass("current");
                    $("#banner .ImgList").eq(num).fadeIn().siblings("img").fadeOut()
                            }
                            else{num=-1}
                            },2000)
                        
                        }
            
                    autoplay()//调用函数   
/*************************banner jq样式结束*************************/                         
            });
